<%-- 
    Document   : CON_VISTA_CHEQUE
    Created on : 05-nov-2014, 10:11:43
    Author     : equipo_4
--%>

<%@page import="CONTABILIDAD_MODELO.CON_MONEDA"%>
<%@page import="java.util.Calendar"%>
<%@page import="java.util.Date"%>
<%@page import="java.text.DateFormat"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="CONTABILIDAD_MODELO.CON_FECHA_CIERRE"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
         <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
         <script src="../login/js/jquery.transform.js" type="text/javascript"></script>
         <link href="../css/NuevoStilo.css" rel="stylesheet" type="text/css"/>
         <script src="../js/jspdf.min.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <%
            RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
            Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());      
            CON_FECHA_CIERRE fecha = new CON_FECHA_CIERRE();
            fecha.setCon(con); 
            DateFormat format5 = new SimpleDateFormat("dd");
            int mes=fecha.mesActual();
            int ano=fecha.anoActual();
            Date dt =Calendar.getInstance().getTime();  
           
            
        %>
        
         <div id="CuerpoFormulario">
            <h1 id="tituloFormulario">REPORTE DE CHEQUES</h1>
            <div id="contenedorBuscadorEstrella">
                <div style="margin-top: -58px;position: fixed;" id="entreperiodo">
                    <span class="negrillaenter">Periodo</span>
                    <input type="text" id="año" placeholder="AÑO" class="chico">
                    <select id="mes" >                                            
                        <option value="1">ENERO</option>
                        <option value="2">FEBRERO</option>
                        <option value="3">MARZO</option>
                        <option value="4">ABRIL</option>
                        <option value="5">MAYO</option>
                        <option value="6">JUNIO</option>
                        <option value="7">JULIO</option>
                        <option value="8">AGOSTO</option>
                        <option value="9">SEPTIEMBRE</option>
                        <option value="10">OCTUBRE</option>
                        <option value="11">NOVIEMBRE</option>
                        <option value="12">DICIEMBRE</option>
                    </select>
                </div>
                
                <div id="entrefechas" style="position: fixed;">
                    <input id="de" type="text" class="chico" placeholder="DESDE"/>
                    <input id="hasta" type="text" class="chico" placeholder="HASTA"/>
                </div>               
                <div  style="position: fixed; width: 10px;">
                    <button id="busquedaEstrella" data-estado="0" style="border-radius: 50px;" > <img src="../img/iconos/lupa.png" alt=""/></button>
                    <div id="buscadoresEstrella" style="opacity: 0; transform: scale(0.1, 0.1); margin-top: -137px; height: 350px; width: 600px;">
                        <input class="pequeño" type="text" style="position: relative; top: -1px; left: 253px;" value="" name="bnumero" placeholder="NRO">
                        <input id="bdia" class="pequeño" type="text" style="position: relative; left: 192px; top: 289px;" value="" name="bdia" placeholder="DIA">
                        <input class="mediano" type="text" style="position: relative; top: 125px; left: -60px;" value="" name="bnombre" placeholder="NOMBRE">
                        <input class="normal" type="text" style="position: relative; top: 165px; left: -272px;" value="" name="bmonto" placeholder="MONTO">
                        <input class="normal" type="text" style="position: relative; left: 50px; top: 165px;" value="" name="bmonto_base" placeholder="MONTO BASE">
                        <input class="mediano" type="text" style="position: relative; left: 70px; top: 171px;" value="" name="bcomprobante" placeholder="COMPROBANTE">
                        <input class="mediano" type="text" style="position: relative; top: 91px; left: 202px;" value="" name="bcod_cuenta" placeholder="COD CUENTA">
                        <input class="grande" type="text" style="position: relative; left: -138px; top: 45px;" value="" name="bdesc_cuenta" placeholder="DESC CUENTA">
                        <input class="mediano" type="text" style="position: relative; left: 367px; top: 137px;" value="" name="bcod_centro" placeholder="COD CENTRO">
                        <input class="grande" type="text" style="position: relative; left: 27px; top: 182px;" value="" name="bdesc_centro" placeholder="DESC CENTRO">
                        <div style="position: relative; display: inline-block; height: 28px; border-radius: 5px; left: -190px; border: thin solid rgb(79, 115, 139); background: none repeat scroll 0px 0px rgb(101, 152, 174); top: -31px; padding: 0px 10px; color: rgb(171, 205, 239);">
                            <input class="" type="radio" data-val="1" style="margin-top: 6px; margin-right: 3px;" placeholder="EST." name="bestado" value="">
                            <span class="negrilla" style="display: inline-block;">ANULADO</span>
                            <input class="" type="radio" data-val="0" style="margin-top: 6px; margin-right: 3px;" placeholder="EST." name="bestado" value="">
                            <span class="negrilla">VIGENTE</span>
                        </div>
                        </div>
                </div>
            </div>
                    
            <div class="contenedor100 altoGrande">
                <div>
                    <table id="table">
                       
                    </table>
                </div>
            </div>
         </div>
        <footer>
            <a href="#" id="Atras" onclick="imprimirPdf()"><img src="../img/iconos/imprimir.png" /><br/>
                IMPRIMIR
            </a>
            <a href="#" id="Atras" onclick="exportarPdf()"><img src="../img/iconos/pdf.png" /><br/>
                EXPORTAR PDF
            </a>
            <a href="#" id="Atras"><img src="../img/iconos/excel.png" /><br/>
                EXPORTAR EXCEL
            </a>
         </footer>
        <script type="text/javascript">
            var mes = <%out.print(mes);%>;
            var ano = <%out.print(ano);%>;           
            var dia = <%out.print(format5.format(dt));%>;
            var de="";
            var hasta="";
            
            
            
            $("#mes").change(function (){
                mes = $(this).find("option:selected").val();
                buscar();
            });
            
            $("#año").keyup(function(e){
                if(e.keyCode==13){
                     ano = $(this).val();
                     buscar();
                }
            });
            
            $(window).resize(function(){
                
                $("#de").parent().css({
                    top:$(".contenedor100").position().top-39, 
                    left:($(".contenedor100").position().left+$(".contenedor100").width())-225
                });
                
               if($("#busquedaEstrella").data("estado")==0){
                   $("#busquedaEstrella").parent().css({
                      top:$(".contenedor100").position().top-149, 
                      left:($(".contenedor100").position().left+$(".contenedor100").width())-322  
                 });
               }else{
                  $("#busquedaEstrella").parent().css({
                        left: ($(window).width() - $('#buscadoresEstrella').outerWidth())/2,
                        top: ($(window).height() -  $('#buscadoresEstrella').outerHeight())/2 
                 }); 
               }
            });
            
                   
           
                    
             $(document).ready(function()
             {                 
                 
                $("#año").val(ano);
                $("#mes option[value="+mes+"]").attr("selected","selected");
                $("#de").parent().css({
                    top:$(".contenedor100").position().top-39, 
                    left:($(".contenedor100").position().left+$(".contenedor100").width())-225
                 });
                 $("#busquedaEstrella").parent().css({
                      top:$(".contenedor100").position().top-149, 
                      left:($(".contenedor100").position().left+$(".contenedor100").width())-322  
                 });
                 buscar();
            });
            $("#de,#hasta").datepicker({ 
                dateFormat: "dd/mm/yy",
                closeText: 'Cerrar',
                prevText: 'Anterior',
                nextText: 'Siguiente',
                firstDay: 1,
                dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
                monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ],
                onSelect: function(dateText) {   
                   de = $("#de").val();
                   hasta = $("#hasta").val();                   
                   if(de!=""&&hasta!="")
                    {      
                        $("#de, #hasta").val("");
                        buscar();
                    }
                }
            });
            $("#bdia").datepicker({ 
                dateFormat: "dd/mm/yy",
                closeText: 'Cerrar',
                prevText: 'Anterior',
                nextText: 'Siguiente',
                firstDay: 1,
                dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
                monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ],
                onSelect: function(dateText) {   
                }
            });
            
            var vistos = false;
            var cc = true;
            function centrocosto()
            {
                if(cc)
                {
                    $.post("../CON_VISTA_CHEQUE_CONTROLLER",{evento:"sincc"},function(data){
                        $("#tbudy").html(data);
                    });
                    cc=false;
                }
                else
                {   
                     $.post("../CON_VISTA_CHEQUE_CONTROLLER",{evento:"concc"},function(data){
                        $("#tbudy").html(data);
                     });
                    cc=true;
                }
            }
            
           var vistos = false;
           var efecto=true;
           $("#busquedaEstrella").click(function(){
                    var btn=$(this);
                    if(efecto){
                        if(btn.data("estado")==0){
                            efecto=false;
                            $("#buscadoresEstrella").parent().animate({
                               left: ($(window).width() - $('#buscadoresEstrella').outerWidth())/2,
                               top: ($(window).height() -  $('#buscadoresEstrella').outerHeight())/2
                            },500,function(){

                               $("#busquedaEstrella").animate({
                                    transform: 'scale(2)',
                                },500,efectoTrue());  
                               $("#buscadoresEstrella").animate({
                                    transform: 'scale(1)',
                                    opacity:1
                                },500); 
                            });

                            btn.data("estado","1");
                        }else{
                            efecto=false;
                            $("#buscadoresEstrella").animate({
                                transform: 'scale(0.1)',
                                opacity:0
                            },500,function(){
                                 $("#busquedaEstrella").animate({
                                    transform: 'scale(1)',
                                },500);
                                $("#buscadoresEstrella").parent().animate({
                                    top:($(".contenedor100").position().top-149), 
                                    left:($(".contenedor100").position().left+$(".contenedor100").width())-322 
                                },500,function (){
                                    buscar();
                                    efectoTrue();
                                });
                            });
                            btn.data("estado","0");
                        }
                    }
           });
           function efectoTrue(){
               efecto=true;
           }
           function estado(valor)
           {
               var id = $(valor).prev().data("id");
               var estado = 1;
               if($(valor)[0].checked)
               {
                   estado=0;
               }

               $.post("../CON_VISTA_CHEQUE_CONTROLLER",{evento:"estado",id:id,estado:estado},function(data){

               });
           }
           $("input[name=bestado]").dblclick(function(){
               $(this).removeAttr("checked");
           });
           function buscar()
           {               
               var numero = $("input[name=bnumero]").val();
               var dia = $("input[name=bdia]").val();
               var nombre = $("input[name=bnombre]").val();
               var monto = $("input[name=bmonto]").val();
               var monto_base = $("input[name=bmonto_base]").val();
               var comprobante = $("input[name=bcomprobante]").val();
               var cod_cuenta = $("input[name=bcod_cuenta]").val();
               var cod_centro = $("input[name=bcod_centro]").val();
               var desc_centro = $("input[name=bdesc_centro]").val();
               var desc_cuenta = $("input[name=bdesc_cuenta]").val();
               var estado = $("input[name=bestado]:checked");
               var est="";
               if(estado.length>0){
                   est=estado.data("val");
               }
                if(de!=""&&hasta!="")
                {
                    $.post("../CON_VISTA_CHEQUE_CONTROLLER",{evento:"buscarnombre",numero:numero,dia:dia,nombre:nombre,
                        monto:monto,monto_base:monto_base,comprobante:comprobante,cod_cuenta:cod_cuenta,cod_centro:cod_centro,
                        desc_centro:desc_centro,desc_cuenta:desc_cuenta,estado:est,de:de,hasta:hasta, tipo:"1"},function(data){
                        $("#table").html(data);
                    });
                }
                else
                {
                    $.post("../CON_VISTA_CHEQUE_CONTROLLER",{evento:"buscarnombre",numero:numero,dia:dia,nombre:nombre,
                        monto:monto,monto_base:monto_base,comprobante:comprobante,cod_cuenta:cod_cuenta,cod_centro:cod_centro,
                        desc_centro:desc_centro,desc_cuenta:desc_cuenta,estado:est, mes:mes,ano:ano,tipo:"0"},function(data){
                        $("#table").html(data);
                    });
                }              
           }
            function exportarPdf(){
                var doc=Pdf();
                doc.save('Reporte de cheques.pdf');
            }
            function imprimirPdf(){
                var doc=Pdf();
                var string = doc.output('datauri');
                var iframe = "<embed src='"+string+"' style=\"width: 900px; height: 600px; margin: 0 auto; display: block;\">";
                var x = window.open();
                x.document.open();
                x.document.write(iframe);
                x.document.close();
            }
            function Pdf(){
                var doc = new jsPDF("l","mm","letter");
                var date = new Date();
                var mes=(date.getMonth()+1)+"";
                mes=mes.length===1?"0"+mes:mes;
                var dia=date.getDate()+"";
                dia=dia.length===1?"0"+dia:dia;
                var año=date.getFullYear();
                var hora=date.getHours()+"";
                hora=hora.length===1?"0"+hora:hora;
                var min=date.getMinutes()+"";
                min=min.length===1?"0"+min:min;
                var seg=date.getSeconds()+"";
                seg=seg===1?"0"+seg:seg;
                var fecha=dia+"/"+mes+"/"+año+" "+hora+":"+min+":"+seg;
                doc.setFontSize(12);
                doc.setFontType("bold");
                doc.text(125,10,"REPORTE DE CHEQUES");
                
                
                doc.line(5,20,274.5,20);
                doc.setFontSize(9);
                doc.text(6,23,"NUMERO");
                doc.line(5,24,274.5,24);
                doc.text(23,23,"TIPO");
                doc.text(33,23,"FECHA");
                doc.text(60,23,"NOMBRE");
                doc.text(91,23,"MONTO");
                
                doc.setFontSize(7);
                doc.text(121,23,"COMPROB.");
                doc.setFontSize(9);
                doc.text(140,23,"COD.CUENTA");
                doc.text(164,23,"DESCRIPCION CUENTA");
                doc.text(206,23,"CODIGO CENTRO");
                doc.setFontSize(8);
                doc.text(240,23,"DESCRIPCION CENTRO");
                doc.setFontSize(8);
                doc.setFontType("normal");
                doc.setFontSize(8);
                var fila=27;
                var lista=$("table tr");
                var hoja=1;
                doc.text(105,23,$(lista[0]).find("td:eq(5)").text());
                var puntoini=20;
                for (i = 1; i < lista.length; i++) {
                    var tr=$(lista[i]);
                    if(i===lista.length-1)continue;
                    doc.text(6,fila,tr.find("td:eq(0)").text());
                    doc.text(26,fila,tr.find("td:eq(1)").text().substring(0,1));
                    doc.setFontSize(7);
                    doc.text(32,fila,tr.find("td:eq(2)").text());
                    doc.setFontSize(8);
                    var nombre=tr.find("td:eq(3)").text();
                    nombre=nombre.length>26?nombre.substring(0,26)+"..":nombre;
                    doc.text(47,fila,nombre);
                    var monto=tr.find("td:eq(4)").text();
                    var montob=tr.find("td:eq(5)").text();
                    doc.text(103-monto.length*1.5,fila,monto);
                    doc.text(118-montob.length*1.5,fila,montob);
                    doc.text(120,fila,tr.find("td:eq(6)").text());
                    doc.setFontSize(7);
                    doc.text(138,fila,tr.find("td:eq(7)").text());
                    var cuentad=tr.find("td:eq(8)").text();
                    cuentad=cuentad.length>23?cuentad.substring(0,23)+"..":cuentad;
                    doc.text(164,fila,cuentad);
                    doc.text(203,fila,tr.find("td:eq(9)").text());
                    var cuentac=tr.find("td:eq(10)").text();
                    cuentac=cuentac.length>23?cuentac.substring(0,23)+"..":cuentac;
                    doc.text(239,fila,cuentac);
                    fila+=3;
                    if(fila+4>209){
                        doc.line(5,puntoini,5,fila);
                        doc.line(22,puntoini,22,fila);
                        doc.line(31,puntoini,31,fila);
                        doc.line(46,puntoini,46,fila);
                        doc.line(89,puntoini,89,fila);
                        doc.line(104,puntoini,104,fila);
                        doc.line(119,puntoini,119,fila);
                        doc.line(137,puntoini,137,fila);
                        doc.line(163,puntoini,163,fila);
                        doc.line(202,puntoini,202,fila);
                        doc.line(238,puntoini,237,fila);
                        doc.line(274.5,20,274.5,fila);
                        fila-=2;
                        doc.line(5,fila,274.5,fila);
                        puntoini=10;
                        doc.text(5,212,"Fecha realizada:  "+fecha);
                        doc.text(265,212,"Hoja #"+hoja);
                        hoja++;
                        fila=10;
                        doc.addPage(); 
                    }
                }
                fila-=2;
                doc.line(22,puntoini,22,fila);
                doc.line(31,puntoini,31,fila);
                doc.line(46,puntoini,46,fila);
                doc.line(89,puntoini,89,fila);
                doc.line(163,puntoini,163,fila);
                doc.line(202,puntoini,202,fila);
                doc.line(238,puntoini,238,fila);
                doc.line(274.5,puntoini,274.5,fila);
                doc.line(137,puntoini,137,fila);
                doc.line(5,fila,274.5,fila);
                fila+=3;
                doc.setFontType("bold");
                doc.text(94,fila,"TOTAL");
                var total=$(lista[lista.length-1]).find("td:eq(1)").text();
                doc.text(118-total.length*1.3,fila,total);
                fila+=1;
                doc.line(5,puntoini,5,fila);
                doc.line(104,puntoini,104,fila);
                doc.line(119,puntoini,119,fila);

                doc.line(5,fila,119,fila);
                doc.setFontType("normal");
                doc.text(5,212,"Fecha realizda:  "+fecha);
                doc.text(265,212,"Hoja #"+hoja);
                return doc;
            }
        </script>
    </body>
</html>
